ul{
    list-style: none;padding:0;margin: 0;
}
li{padding: 0px;margin: 0;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar
{
    width: 6px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
    background-color: #0e5792;
}
h1{font-size:2em;padding-left: 20px;}
.readcrumb{margin:20px;}
/*top*/
.top {
    height: 80px;
    line-height: 80px;
    background-color: #0e5792;
    min-width: 800px;
    color:#fff;
    padding:0 20px;
}
.top a{color:#fff;text-decoration: none}
.top .avatar {
    width: 300px;
    float: left;
}
.top .user{float: right;padding-right: 10px}

.top .avatar img {
    height: 60px;
    width: 60px;
    border-radius: 30px;
    float: left;
    margin:10px;
}

/*left*/
.left {
    position: absolute;
    left: 0;
    top: 80px;
    bottom: 0;
    width: 200px;
    background-color: #0e5792;
    border-right: 1px solid #ccc;
    overflow: auto;
}

/*right*/
.right{
    background: #fff;
    min-width: 500px;
    position: absolute;
    bottom: 0;
    left: 200px;
    top:80px;
    right: 0;
    box-sizing: border-box;
}